React 는 기본적으로 UI 컴포넌트 이고 View 만 담당한다. 라는 기본의미에 충실하게 여러가지 컴포넌트들이 나오고 있는데요. 오늘 소개할 프로젝트는 elastic search 엔진만 있으면 서치툴바를 꽤나 멋지게 꾸밀 수 있는 UI 위젯 정도가 될 거 같습니다.

2016/03/22 ( 513 ★ )

searchkit/searchkit
_searchkit - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch._github.com

보시는 이미지 예제 처럼 태그와 Filter 들을 셋팅하면 근사한 결과들을 볼 수 있습니다.

Live demo

를 통해 영화 검색을 테스트 해 봐도 좋을 거 같습니다.

소스보기

const searchkit = new SearchkitManager("http://demo.searchkit.co/api/movies/")

SearchkitManager(ElasticSearch 주소) 를 통해 searchkit을 정의한 후에

React Componenet 상에서 사용하면 됩니다.

By Keen Dev on March 21, 2016.

Exported from Medium on May 31, 2017.